<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>金华市智慧创建督考系统</title>
    <link rel="stylesheet" type="text/css" href="../../Source/css/base.css">
    <link rel="stylesheet" href="../../Plugins/easyui/themes/gt_warn/easyui.css">
    <link rel="stylesheet" href="../../Plugins/leaflet/leaflet.css"/>
    <link rel="stylesheet" href="../../Plugins/leaflet-measure-master/dist/leaflet-measure.css"/>
    <link rel="stylesheet" href="../../Plugins/jquery/toast/jquery.toast.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
</head>

<body>

<div class="main">
    <div class="header"></div>
    <!--搜索区域-->
    <div class="searchDiv">
        <input type="text" placeholder="请输入查询关键字" id="searchInput">
        <div class="ui-button" id="searchBtn"></div>
    </div>
    <div class="content">
			  <div class="statistisDiv" id="statistisDiv"></div>
        <!--地图-->
        <div class="mapBox">
            <div id="maps"></div>
            <div class="myControl">
                <div class="zoomIn showTips" name="放大">+</div>
                <div class="zoomOut showTips" name="缩小">-</div>
            </div>
            <div class="maplayerchange">
               <a class="imgmap"></a><a class="vecmap"></a>
            </div>
        </div>

        <div class="left_panel">
            <!--树结构-->
            <div class="treeBox">
                <div class="treeheader"><i class="fas fa-layer-group" style="color:red;"></i>目录列表</div>
                <div class="treelists">
                    <div id="listTree" class="treelist active"></div>
                </div>
            </div>
            <div class="hideBtn_left">
                <div class="hideIcon_left"></div>
            </div>
        </div>
        <div class="right_panel">
            <!--详情-->
            <div class="detailsBox">
            </div>
            <div class="hideBtn_right">
                <div class="hideIcon_right"></div>
            </div>
        </div>

    </div>
    <!--<div class="loadingDiv">
        <div class="spinLoading"></div>
    </div>-->
    <div id="view3D">
        <div class="ifr">
            <div id="close3D">×</div>
            <iframe width="1200" height="700" frameborder="0" id="bdIframe"></iframe>
        </div>
    </div>


    <div  class='tdTips'>
        <p>点击定位站点</p>
    </div>
</div>
</body>

<script id="generalinfo" type="text/x-jquery-tmpl">
   <div class="treeheader">${text}</div>
   <div class="basicinfo subinfobox">
      <p class='si-title'>基本情况<p>
      <table >
        <tr><td class="leftitem">${sta1}</td> <td>${sta2}</td></tr>
        <tr><td class="leftitem">${sta3}</td> <td >${sta4}</td></tr>
      </table>
   </div>
   <div class="basicinfo subinfobox">
     <p class='si-title'>责任单位<p>
     <table >
       <tr><td class="leftitem">市卫计委：11 家</td> <td>婺城区： 8 家</td></tr>
       <tr><td class="leftitem">金  东  区：12 家</td> <td >开发区：15 家</td></tr>
     </table>
   </div>
   <div class="basicinfo subinfobox">
     <p class='si-title'><p>
     <div class="generalStatis">
        <div class="stalist">
           <h4>总体创建进度</h4>
           <p>100%：11 家</p>
           <p>80%~99%：12 家</p>
           <p>60%~79%： 8 家</p>
           <p>40%~59%：15 家</p>
           <p>20%~39%：15 家</p>
           <p>20%以下：15 家</p>
        </div>
        <div class="stachart">
            <h4>总体达标情况统计图</h4>
            <div id="stachart"></div>
        </div>
     </div>
   </div>
   <div class='subtitle'>当前完成率：75%</div>
   <div class="seperateLine"></div>
   <div class='subtitle'>历史进度情况</div>
   <div class="processInfo">
      <div class="processline"></div>
      <div class="imgdis">
        <p>30%</p>
        <img src="../images/redcircle.png">
        <p>2017年1月</p>
      </div>
      <div class="imgdis">
        <p>50%</p>
        <img src="../images/redcircle.png">
        <p>2017年2月</p>
      </div>
      <div class="imgdis">
        <p>60%</p>
        <img src="../images/redcircle.png">
        <p>2017年3月</p>
      </div>
      <div class="imgdis">
        <p>75%</p>
        <img src="../images/redcircle.png">
        <p>2017年4月</p>
      </div>
   </div>
</script>

<script id="statistisinfo" type="text/x-jquery-tmpl">
  <div>
  <div class='giswidget'>
    <div class="vuestic-breadcrumbs">${text}</div>
  </div>
  <div class='giswidget'>
    <div class="vuestic-breadcrumbs">基本情况</div>
    <table>
      <tr><td class='staitem'>名称：${text}</td><td class="leftitem">地址：${address}</td></tr>
      <tr><td class="staitem">创建责任单位：卫计委</td> <td class="leftitem">责任人：${people}</td></tr>
    </table>
  </div>

  <div class='giswidget'>
    <div class="vuestic-breadcrumbs">创建达标情况</div>
    <table class='fufiltable' border="1"  bordercolor="#706666" >
      <tr><th width="60%;">创建标准</th><th style="text-align:center">是否完成</th><th align="center">现场照片</th></tr>
      <tr><td>1、医院整体环境整洁，无卫生死角，无乱…......</td> <td style="text-align:center">是</td> <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>2、划设排队线或拉置导入带，完善“1米线”.......</td>                 <td style="text-align:center">是</td> <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>3、医务人员按规定着装，佩戴工号，衣帽........</td>                 <td style="text-align:center">是</td> <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>4、医务人员态度热情，无接待生硬现象........</td>                   <td style="text-align:center">是</td> <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>5、室内公共场所和工作场所设有禁烟标识.......</td>                   <td style="text-align:center">是</td>       <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>6、消消防设施齐全，消防通道畅通，消防安全......</td>                   <td style="text-align:center">否</td>       <td class="subimgs"><img src="../images/p-1.png"></td></tr>
      <tr><td>7、无障碍设施完善....</td>                    <td style="text-align:center">否</td>        <td class="subimgs"><img src="../images/p-1.png"></td></tr>
    </table>
  </div>

  <div class='giswidget' style="height:280px;">
    <div class='vuestic-breadcrumbs'>当前完成率：75%</div>
    <div class="seperateLine"></div>
    <div class='vuestic-breadcrumbs'>历史进度情况</div>
    <div class="processInfo">
       <div class="staprocessline"></div>
       <div class="imgdis staimgdis" >
         <p>30%</p>
         <img src="../images/redcircle.png">
         <p>2017年1月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>50%</p>
         <img src="../images/redcircle.png">
         <p>2017年2月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>60%</p>
         <img src="../images/redcircle.png">
         <p>2017年3月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>75%</p>
         <img src="../images/redcircle.png">
         <p>2017年4月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>75%</p>
         <img src="../images/redcircle.png">
         <p>2017年5月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>85%</p>
         <img src="../images/redcircle.png">
         <p>2017年6月</p>
       </div>
       <div class="imgdis staimgdis">
         <p>96%</p>
         <img src="../images/redcircle.png">
         <p>2017年7月</p>
       </div>
    </div>
  </div>
  <div class="closebtn"><i class="fa fa-times" aria-hidden="true"></i></div>
  </div>
</script>

<script type="text/javascript" src="../../Plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" src="../../Plugins/jquery/jquery.SuperSlide.2.1.1.source.js"></script>
<script type="text/javascript" src="../../Plugins/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="../../Plugins/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../Plugins/spinloading/spin.min.js"></script>
<script type="text/javascript" src="../../Plugins/jquery/toast/jquery.toast.min.js"></script>
<script type="text/javascript" src="../../Plugins/jquery/md5.min.js"></script>
<script type="text/javascript" src="../../Plugins/leaflet/leaflet.js"></script>
<script type="text/javascript" src="../../Plugins/echarts.min.js"></script>
<script type="text/javascript" src='../../Plugins/leaflet/leaflet.ChineseTmsProviders.js'></script>
<script type="text/javascript" src="../../Plugins/leaflet/agTileLayer.js"></script>
<script type="text/javascript" src="../../Plugins/leaflet-measure-master/dist/leaflet-measure.min.js"></script>

<script type="text/javascript" src="../js/Config.js"></script>
<script type="text/javascript" src="../js/customLayer.js"></script>
<script type="text/javascript" src="../js/mapShow.js"></script>
<script type="text/javascript" src="../../Plugins/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="../../Source/js/base.js"></script>
<script type="text/javascript" src="../js/testdata.js"></script>
<script type="text/javascript" src="../js/index.js"></script>


<script>
    $(".header").load("header.html",function(){
        // 根据当前页面，加亮显示当前页菜单项
        $(".nav li").each(function (index, data) {
            if ($(this).children("a").text() == "房产信息查询") {
                $(".on").removeClass("on");
                $(this).addClass("on");
            }
        });
    });

</script>
</html>
